<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>轮播图</title>
</head>
<body>
	<div class="carousel slide" id="cs">
		<!-- 轮播（Carousel）指标 -->
		<ol class="carousel-indicators" data-ride="carousel">
			<li data-slide-to="0" data-target="#cs" class="active"></li>
			<li data-slide-to="1" data-target="#cs"></li>
			<li data-slide-to="2" data-target="#cs"></li>
		</ol>
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner" role="listbox">
			<div class="item">
				<img alt="" src="${ctx }/img/1.jpg" />
				<div class="carousel-caption"></div>
			</div>
			<div class="item">
				<img alt="" src="${ctx }/img/2.jpg" />
				<div class="carousel-caption"></div>
			</div>
			<div class="item active">
				<img alt="" src="${ctx }/img/3.jpg" />
				<div class="carousel-caption"></div>
			</div>
		</div>
		<!-- 轮播（Carousel）导航 -->
		<a class="left carousel-control" href="#cs" data-slide="prev"> <span
			class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		</a> <a class="right carousel-control" href="#cs" data-slide="next"> <span
			class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		</a>
	</div>
</body>
</html>